<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
		<script src="../js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.hb{
				margin-top: 20px;
			}
			.tt{
				display: inline-block;
				text-align: center;
			}
			.db{
				background-color: #32333B;
				color: white;
				text-align: center;
			}
			.dbimg>img{
				width: 100px;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<!-- 导航栏 -->
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
	  <div class="container-fluid">
	    <a class="navbar-brand" href="#">首页</a>
	    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
	      <span class="navbar-toggler-icon"></span>
	    </button>
	    <div class="collapse navbar-collapse" id="navbarSupportedContent">
	      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
	        <li class="nav-item dropdown">
	          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
	            导航
	          </a>
	          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
	            <li><a class="dropdown-item" href="#">全部课程</a></li>
	            <li><a class="dropdown-item" href="#">vip权益</a></li>
	            <li><a class="dropdown-item" href="#">收藏课程</a></li>
							<li><a class="dropdown-item" href="#">我的足迹</a></li>
							<li><a class="dropdown-item" href="#">个人中心</a></li>
	          </ul>
	        </li>
	        <li class="nav-item">
	          <a class="nav-link disabled">手机版</a>
	        </li>
	      </ul>
	      <form class="d-flex" role="search">
	        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
						<li class="nav-item">
							<a class="navbar-brand" href="#">您好，请登录</a>
						</li>
						<li class="nav-item">
							<a class="navbar-brand" href="#">|</a>
						</li>
						<li class="nav-item">
							<a class="navbar-brand" href="#">课程订单</a>
						</li>
					</ul>
	      </form>
	    </div>
	  </div>
	</nav>
	
	<!-- 头部 -->
	<div class="hb container">
		<div class="row">
			<div class="col">
				<img src="./img/1.png" alt="">
			</div>
			<div class="tt col-6">
				<div class="row g-0">
					<div class="col">
						<ul class="navbar-nav me-auto mb-2 mb-lg-0">
						  <li class="nav-item dropdown">
						    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="border: 2px solid #E9511B;color: black;">
						      课程
						    </a>
						  </li>
						    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
						      <li><a class="dropdown-item" href="#">课程</a></li>
						      <li><a class="dropdown-item" href="#">讲师</a></li>
						    </ul>
					</div>
					<div class="col">
						<input type="text" style="border: 2px solid #E9511B;width: 400px;height: 43px;">
					</div>
					<div class="col">
						<button style="height: 43px;width: 100px;background-color: #E9511B;color: white;border: 2px solid #E9511B;">搜索</button>
					</div>
				</div>
			</div>
			<div class="col">
				<img src="./img/2.png" alt="">
			</div>
		</div>
	</div>
	
	<!-- 轮播图 -->
	<div>
		<!-- 标题 -->
		<div class="container">
			<div class="row m-4">
				<!-- 下拉 -->
				<div class="col-4">
					<div class="dropdown">
					  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
					    全部课程分类
					  </button>
					  <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
					    <li><a class="dropdown-item active" href="#">1</a></li>
					    <li><a class="dropdown-item" href="#">2</a></li>
					    <li><a class="dropdown-item" href="#">3</a></li>
					    <li><a class="dropdown-item" href="#">4</a></li>
					  </ul>
					</div>
				</div>
				<!-- 导航 -->
				<div class="col-8">
					<div class="row">
						<div class="col-2">
							<a href="#">首页</a>
						</div>
						<div class="col-2">
							<a href="#">全部课程</a>
						</div>
						<div class="col-2">
							<a href="#">vip权益</a>
						</div>
						<div class="col-2">
							<a href="#">收藏课程</a>
						</div>
						<div class="col-2">
							<a href="#">我的足迹</a>
						</div>
						<div class="col-2">
							<a href="#">个人中心</a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<img src="./img/5.jpg" alt="" style="width: 1200px;">
					</div>
				</div>
			</div>
		</div>
		
		<!-- 图片 -->
	</div>
	
	<!-- 内容 -->
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<div class="nr">
		<div class="container">
			<div>
				<p>最新更新</p>
			</div>
			<!-- 一层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<!-- 二层 -->
			<div class="row mb-3">
				<div class="col-xl-3 col-lg-6 mb-3 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
				<div class="col-xl-3 col-lg-6 col-12">
					<img src="./img/3.jpg" alt="" style="width: 285px;height: 256px;">
				</div>
			</div>
			<div><hr/></div>
		</div>
	</div>
	
	<!-- 底部 -->
	<div class="db">
		<div class="container">
			<div class="row">
				<div class="col-3" style="color: #000000;">
					<h2 style="font-weight: 900;">知识付费</h2>
					<h4 style="font-weight: 900;">全网大咖VIP课程</h4>
				</div>
				<div class="col-6">
					<p>联系方式</p>
				</div>
				<div class="col-3" style="text-align: center;">
					<div class="row">
						<div class="col-6">
							<div class="dbimg">
							 <img src="./img/4.jpg" alt="">
							 <p>手机版</p>
							</div>
						</div>
						<div class="col-6">
							<div class="dbimg">
								<img src="./img/4.jpg" alt="">
								<p>微信公众号</p>
							</div>
						</div>
					</div>
					</div>
				</div>
				<div>
					<hr style="color: gray;"/>
				</div>
				<div>
					<p style="font-size: 10px;">免责声明：本站内容转载于网络，版权归原作者所有！本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。若侵犯到您的合法利益，请联系我们，会尽快给予删除处理!</p>
				</div>
			</div>

		</div>
	</div>
	</body>
</html>
